<template>
  <el-container>
    <el-aside width="200px">
      <el-menu
        :default-active="$route.path"
        background-color="#545c64"
        text-color="#fff"
        active-text-color="#ffd04b"
        unique-opend
        router
      >
        <el-menu-item index="/home">
          <i class="el-icon-menu"></i>
          <span slot="title">后台首页</span>
        </el-menu-item>
        <el-submenu index="/order">
          <template>
            <template slot="title">

            <i class="el-icon-menu"></i>
            <span>订单管理</span>
            </template>
            <el-menu-item index="/order/list">订单列表</el-menu-item>
            <el-menu-item index="/order/detail">订单详情</el-menu-item>
          </template>
        </el-submenu>
        <el-submenu index="/goods">
          <template slot="title">
            <i class="el-icon-menu"></i>
            <span >商品管理 </span>
          </template>
          <el-menu-item index="/goods/list">商品列表</el-menu-item>
          <el-menu-item index="/goods/save">添加商品</el-menu-item>
          <el-menu-item index="/goods/type">商品分类</el-menu-item>
        </el-submenu>
        <el-menu-item index="/shop">
          <i class="el-icon-menu"></i>
          <span slot="title">店铺管理</span>
        </el-menu-item>
        <el-submenu index="/users">
          <template slot="title">
            <i class="el-icon-menu"></i>
            <span>账号管理</span>
          </template>
          <el-menu-item index="/users/list">账号列表</el-menu-item>
          <el-menu-item index="/users/save">添加账号</el-menu-item>
          <el-menu-item index="/users/my">个人中心</el-menu-item>
          <el-menu-item index="/users/pwd">修改密码</el-menu-item>
        </el-submenu>
        <el-submenu index="/census">
          <template slot="title">
            <i class="el-icon-menu"></i>
            <span>销售统计</span>
          </template>
          <el-menu-item index="/census/goodscensus">商品统计</el-menu-item>
          <el-menu-item index="/census/ordercensus">订单统计</el-menu-item>
        </el-submenu>
      </el-menu>
    </el-aside>
    <el-container>
      <el-header class="el_header">
        
      </el-header>
      <el-main>
        <router-view></router-view>
      </el-main>
      <el-footer>Footer</el-footer>
    </el-container>
  </el-container>
</template>

<script>

export default {
    
  data() {
    return {
      
    };
  },
};
</script>

<style lang="less" scoped>
.el-container {
  height: 100%;
}
.el-menu {
  height: 100%;
}
.el_header{
    height: 50px;
}
</style>